vuejs cli3 env配置文件实践指南

您所在的位置:网站首页 vue3 配置文件 vuejs cli3 env配置文件实践指南

vuejs cli3 env配置文件实践指南

2022-05-06 05:28| 来源: 网络整理| 查看: 265

env文件

  开发环境(dev):开发环境是程序猿们专门用于开发的服务器,配置可以比较随意,为了开发调试方便,一般打开全部错误报告。

  测试环境(test):一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产机上。

  灰度环境(pre):灰度环境,外部用户可以访问,但是服务器配置相对低,其它和生产一样。

  生产环境(prod):是值正式提供对外服务的,一般会关掉错误报告,打开错误日志。

配置四个环境名字分别

2019-06-05-16-03-15

VUE_APP_ENV=dev

只支持:VUE_APP_ 开头,比如设置其它变量 VUE_APP_NAME=stark

package.json 配置 方式

"scripts": { "start": "npm run dev", "serve": "vue-cli-service serve", "build": "vue-cli-service build", "dev": "vue-cli-service serve --mode dev", "test": "vue-cli-service build --mode test", "pre": "vue-cli-service build --mode pre", "prod": "vue-cli-service build --mode prod", "lint": "vue-cli-service lint" },

启动方式

npm start // 默认dev npm run test // test 环境 ... 以此类推

项目中读取方式

通过 process.env 获取设置的变量 比如:console.log('当前的环境是',process.env.VUE_APP_ENV)

2019-06-05-16-12-27

应用场景 可以在项目中设置,配置的,api host base url ,api 基础接口需要根据环境变量设置的参数



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3